<?php
//cabeçalho e menu principal ficam e arquivo separado para facilitar edição
require 'header.php';
?>
<div class="clear"></div>
<div class="grid_16 relative">
    <h2 id="page-heading">Busca por produtos:</h2>
    <div class="filtrosVenda">
        <form>
            <label>Descrição:</label> <input type="text" name="descricao" id="descricao">&nbsp; <label>Categoria:</label> 
            <select name="categoria" id="categoria">
                <option>Selecione a categoria</option>
                <option>Categoria1</option>
                <option>Categoria2</option>
                <option>Categoria3</option>
            </select>
            <input type="submit" value="Buscar"> | <input type="submit" value="Novo produto">
        </form>
    </div>
</div>
<div class="grid_16">
    <div class="box">
        <table summary="This table includes examples of as many table elements as possible">
                    <colgroup>
                        <col class="colA" />
                        <col class="colB" />
                        <col class="colC" />
                        <col class="colD" />
                        <col class="colE" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th colspan="5" class="table-head">Produtos</th>
                        </tr>
                        <tr>
                            <th>Descrição</th>
                            <th>Categoria</th>
                            <th>Tamanho</th>
                            <th>Valor</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="odd">
                            <th>Lorem ipsum</th>
                            <th>Lorem ipsum</th>
                            <th>Lorem ipsum</th>
                            <td>R$ 140,00</td>
                            <th class="currency"><a href="#">Adicionar</a></th>
                        </tr>
                        <tr>
                            <th>Dolor sit</th>
                            <th>Dolor sit</th>
                            <th>Dolor sit</th>
                            <td>R$ 140,00</td>
                            <th class="currency"><a href="#">Adicionar</a></th>
                        </tr>
                        <tr class="odd">
                            <th>Nostrud exerci</th>
                            <th>Nostrud exerci</th>
                            <th>Nostrud exerci</th>
                            <td>R$ 140,00</td>
                            <th class="currency"><a href="#">Adicionar</a></th>
                        </tr>
                        <tr>
                            <th>Lorem ipsum</th>
                            <th>Lorem ipsum</th>
                            <th>Lorem ipsum</th>
                            <td>R$ 140,00</td>
                            <th class="currency"><a href="#">Adicionar</a></th>
                        </tr>
                        <tr class="odd">
                            <th>Dolor sit</th>
                            <th>Dolor sit</th>
                            <th>Dolor sit</th>
                            <td>R$ 140,00</td>
                            <th class="currency"><a href="#">Adicionar</a></th>
                        </tr>
                    </tbody>
                </table>
    </div>
</div>

<?php
//rodapé fica e arquivo separado para facilitar edição
require 'footer.php';
?>